
<?php
/*     
	www.notas-programacion.com
	Descripcion:   
		Pantalla inicial que se muestra al usuario una vez que ha 
		sido logueado correctamente. 
	Archivo:    principal.php 
*/

//Inicializar una sesion de PHP
session_start();
 
//Validar que el usuario este logueado y exista un UID
if ( ! ($_SESSION['autenticado'] == 'SI' && isset($_SESSION['uid'])) )
{
    //En caso de que el usuario no este autenticado, crear un formulario y redireccionar a la
    //pantalla de login, enviando un codigo de error
?>
        <form name="formulario" method="post" action="../../index.php">
            <input type="hidden" name="msg_error" value="2">
        </form>
        <script type="text/javascript">
            document.formulario.submit();
        </script>
<?php
}
 
    //Conectar BD
    include("../config_DB/conectar_bd.php"); 
    conectar_bd();
 
    //Sacar datos del usuario que ha iniciado sesion
    $sql = "SELECT  tx_nombre,tx_apellidoPaterno,tx_TipoUsuario,id_usuario
            FROM tbl_users
            LEFT JOIN ctg_tiposusuario
            ON tbl_users.id_TipoUsuario = ctg_tiposusuario.id_TipoUsuario
            WHERE id_usuario = '".$_SESSION['uid']."'";        
    $result     =mysql_query($sql);
 
    $nombreUsuario = "";
 
    //Formar el nombre completo del usuario
    if( $fila = mysql_fetch_array($result) )
        $nombreUsuario = $fila['tx_nombre']." ".$fila['tx_apellidoPaterno'];
     
//Cerrrar conexion a la BD
mysql_close($conexio);
?>
<!DOCTYPE html>
<html lang="es">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Citas</title>
 
    <!-- CSS de Bootstrap -->
    <link href="../../bootstrap/css/bootstrap.min.css" rel="stylesheet" media="screen">
    <link rel="stylesheet" type="text/css" href="../../css/demo.css">
    <link rel="shortcut icon" href="../../images/favicon.jpg">

    
 
    <!-- librerías opcionales que activan el soporte de HTML5 para IE8 -->
    <!--[if lt IE 9]>
      <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
      <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->
    <link rel="stylesheet" type="text/css" href="../../css/easyui.css">
    <style type="text/css">
        #fm{
            margin:0;
            padding:10px 30px;
        }
        .ftitle{
            font-size:14px;
            font-weight:bold;
            color:#666;
            padding:5px 0;
            margin-bottom:10px;
            border-bottom:1px solid #ccc;
        }
        .fitem{
            margin-bottom:5px;
        }
        .fitem label{
            display:inline-block;
            width:80px;
        }
    </style>
    <script type="text/javascript" src="../../js/jquery-1.6.min.js"></script>
    <script type="text/javascript" src="../../js/jquery.easyui.min.js"></script>
    <script type="text/javascript">
        function acercade(){
            $('#dl').dialog('open').dialog('setTitle','Acerca del Sistema');
            $('#fm').form('clear');
        }
    </script>

  </head>
  <body>
      <div class="navbar">
        <div class="navbar-inner">
            <div class="container">
             
            <!-- .btn-navbar is used as the toggle for collapsed navbar content -->
            <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            </a>
             
            <!-- Be sure to leave the brand out there if you want it shown -->
            <a class="brand" href="#">Sistema de control de citas</a>
            <ul class="nav">
                <!--li><a href="#">Inicio</a></li-->
                <li><a href="../usuarios/usuarios.php">Gestion de Usuarios</a></li>
                <li class="active" ><a href="#">Control de citas</a></li>
                <li><a href="#" class=""  plain="true" onclick="acercade()" title="ver">Acerca de</a><li>
            </ul>
            <div id="submenu01">
                <ul class="nav">
                    <li><a>Bienvenido <b><?php echo $nombreUsuario ?></b></a></li>
                    <li><a href="../acceso/cerrarSesion.php">Cerrar sesi&oacute;n</a></li>
                </ul>
            </div>
             
            <!-- Everything you want hidden at 940px or less, place within here -->
            <div class="nav-collapse collapse">
            <!-- .nav, .navbar-search, .navbar-form, etc -->
            </div>
             
            </div>
        </div>
    </div>
  <div class="hero-unit">
    <h1>Control de citas</h1>
    <p>Tabla para asignar citas</p>
  </div>
    <div>
       <center>
             <iframe width="1000" height="700" src="index.php" scrolling="no" frameborder="no" ></iframe>
       </center> 
    </div>  
  

                <div id="dl" class="easyui-dialog" style="width:500px;height:400px;padding:10px 20px"
                        closed="true" buttons="#dl-buttons">
                    <div class="ftitle">Sistema de Control de Citas. Versión 1.0.1</div>
                    <form id="fm" method="post" novalidate>
                        <div class="fitem">
                            <table align="center" width="400px">
                                <tr>
                                    <td colspan="2" ></td>
                                    <td colspan="2" align="center"><p align="center"><img src="../../images/logo-sistema.jpg" WIDTH=70 HEIGHT=70></p></td>
                                </tr>
                                <tr>
                                    <td colspan="2" ><h5>Se autoriza el uso de este producto a:</h5></td>
                                    <td colspan="2" >Auto Repuestos Halcon</td>
                                </tr>
                            </table>
                            <br>
                            <p align="center">Derechos reservados 2015</p>
                            <p align="center"><img src="../../images/login.png" WIDTH=180 HEIGHT=70></p>
                        </div>
                        <!--div class="fitem">
                            <label for="tx_apPaterno">Apellido 1:</label>
                            <input type="text" name="tx_apellidoPaterno" id="tx_apellidoPaterno" class="easyui-validatebox" required="true">
                        </div-->
                        
                    </form>
                </div>
                <div id="dl-buttons">
                    <a href="#" class="easyui-linkbutton" iconCls="" onclick="javascript:$('#dl').dialog('close')">Aceptar</a>
                </div>
    
 
    <!-- Librería jQuery requerida por los plugins de JavaScript -->
    <!--script src="http://code.jquery.com/jquery.js"></script-->
 
    <!-- Todos los plugins JavaScript de Bootstrap (también puedes
         incluir archivos JavaScript individuales de los únicos
         plugins que utilices) -->
    <!--script src="js/bootstrap.min.js"--></script>
    <br><br>
    <Div  id="footer" > 
      <div  clase = "container" > 
        <p align="center"><img src="../../images/login.png" WIDTH=180 HEIGHT=70>   Diseñado por NELUX Professional Services</p>
      </div> 
    </div>
  </body>
</html>